<style type="text/css">
	.service-wrap{margin-top: 20px;}
	.side{width: 320px;display: inline-block; background-color: #fff;}
	.side ul{}
	.side ul li{height: 52px;line-height: 52px; box-sizing: border-box;}
	.side ul li a{display: block;padding-left: 32px;color: #2D2D2D;opacity: .8;}
	.side ul li a.active{border-left: 10px solid #2674A8;padding-left: 22px;background-color: #EEF1F4;}
</style>
<nav class="side">
	<ul>
		<li style="padding-left: 32px;color: #ddd;opacity: 1;">
			All Services
			<span style="display: none;margin-left: 3px;line-height: 20px;padding-left: 5px;border-left: 2px solid #2674A8;color: #666 !important;font-size: 12px;" class="side-cur-item"></span>
			<svg t="1547784428511" class="toggle-arrow icon" style="display: none;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1841" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20"><defs><style type="text/css"></style></defs><path d="M472.064 751.552 72.832 352.32c-22.08-22.08-22.08-57.792 0-79.872 22.016-22.016 57.792-22.08 79.872 0L512 631.744l359.296-359.296c22.016-22.016 57.792-22.08 79.872 0 22.08 22.08 22.016 57.792 0 79.872l-399.232 399.232C529.856 773.568 494.144 773.568 472.064 751.552z" p-id="1842" fill="#2c2c2c"></path></svg>
		</li>
		<li>
			<a class="{% if index == 1 %}active{% endif %}" href="/PurchasingYourHome">Purchansing your home or capt... </a>
		</li>
		<li>	
			<a class="{% if index == 3 %}active{% endif %}" href="/InvestmentRenovation">Investment Properties Renovation</a>
		</li>
		<li>
			<a class="{% if index == 7 %}active{% endif %}" href="/DebtConsolid">Debt Consolidation</a>
		</li>
		<li>
			<a class="{% if index == 4 %}active{% endif %}" href="/LoanForBus">Loan For Business Captical</a>
		</li>
		<li>
			<a class="{% if index == 5 %}active{% endif %}" href="/LoanForSelf">Loans For Other Needs</a>
		</li>
		<!-- <li>
			<a class="{% if index == 5 %}active{% endif %}" href="/LoanForSelf">For Self-Employed Person</a>
		</li> -->
	</ul>
</nav>	
<script type="text/javascript" src="https://d3s6yopk5rlhed.cloudfront.net/static/js/jquery.min.js"></script>
<script type="text/javascript">
	$(function() {
		$('.side').click(function() {
			$(this).toggleClass('spread')
		});
		$('.side-cur-item').text($('.side .active').text());
	});
</script>